<div class="top-size-lg has-footer">
    <div ng-if="redeemTitle[0].receivedMax > redeemTitle[0].receivedCount" ui-sref="{{user.isRegistered ? 'app.redeem':'app.login'}}">
        <div class="discount text-red">
            <span>{{redeemTitle[0].title}}</span>
        </div>
    </div>
    <ul class="rates-list">
        <p ng-if="rates.length<=0" style="color:red;text-align: center;margin-top:20px;">
            <span><i class="iconfont icon-ku"></i></span>
            <span>暂无价格数据！</span>
        </p>
        <li class="item" ng-repeat="price in rates"
            ui-sref="app.rates.analysis({ instrument: price.instrument })">
            <div>
                <div class="col-xs-7" style="padding: 0;">
                    <span style="padding-right: 5px;">{{ price._instrument.name }}</span>
                    <span>(</span>
                    <div style="display:inline-block;width: 24px;height: 12px;text-align: center;">
                        <img ng-src="images/flags/{{ price._instrument.prefixIcon }}" alt="" style="max-width: 20px; max-height: 20px;">
                    </div>
                    <span>/</span>
                    <div style="display:inline-block;width: 24px;height: 12px;text-align: center;">
                        <img ng-src="images/flags/{{ price._instrument.suffixIcon }}" alt="" style="max-width: 20px; max-height: 20px;">
                    </div>
                    <span>)</span>
                </div>
                <div class="col-xs-5 text-right" style="padding: 0;"
                     ng-class="{ 'text-white':price.lastBid==price.bid,'text-red':price.lastBid<price.bid,'text-green':price.lastBid>price.bid }">{{ price.bidShow }}</div>
            </div>
            <div>
                <div class="col-xs-6 font-12" style="padding: 0;">
                    <span><img ng-src="images/icon/tradeable_{{price.tradeable}}.png" alt="" width="5" height="5"></span>
                    <span>{{ price.updated | date:'yyyy-MM-dd HH:mm:ss' }}</span>
                </div>
                <div class="col-xs-6 font-12 rates-right text-right" style="padding: 0;" ng-if="price.changeShow != '' || price.percentShow != ''"
                     ng-class="{ 'text-white':price.change==0,'text-green':price.change<0,'text-red':price.change>0 }">
                    <i style="font-size: 14px;" ng-if="price.change > 0" class="iconfont icon-up"></i>
                    <i style="font-size: 14px;" ng-if="price.change < 0" class="iconfont icon-down"></i>
                    <span>{{ price.changeShow }}</span>
                    <span>({{ price.percentShow }})</span>
                </div>
            </div>
        </li>
    </ul>
    <div style="width:100%;text-align: center;padding-top: 20px;">
        <div ng-if="user.isRegistered" ui-sref="app.rates.handle" class="btn btn-primary" style="width:200px;margin:0 auto 5px;">关注更多</div>
        <div ng-if="!user.isRegistered" ui-sref="app.login" class="btn btn-danger" style="width:200px;margin:0 auto 5px;">登录后关注更多</div>
    </div>
</div>